<!DOCTYPE html>
<html lang="zh">

<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">   

<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

 <!-- Site Metas -->
<title></title>  
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">

<!-- Site Icons -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Site CSS -->
<link rel="stylesheet" href="style.css">
<!-- Colors CSS -->

<!-- ALL VERSION CSS -->
<link rel="stylesheet" href="css/versions.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<body class="politics_version">



<div class="topbar text-center hidden-xs">
	<p>想 要 了 解 攀 枝 花 学 院 吗 ? <a href="https://www.pzhu.cn/">&lt;点 击 这 里 吧!!! &gt;</a></p>
</div>

<header class="header header_style_01">
	<nav class="megamenu navbar navbar-default">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html"><img src="images/logos/logo.png" alt="image"></a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a data-scroll-nav="0" href="#main-banner" class="active">Home</a></li>
					<li><a data-scroll-nav="1" href="#about">历史沿革</a></li>
					<li><a data-scroll-nav="2" href="#issues">忆往昔,看今朝</a></li>
					<!-- <li><a data-scroll-nav="3" href="#event">今朝</a></li> -->
					<li><a data-scroll-nav="4" href="#gallery">青春风采</a></li>
					<li><a data-scroll-nav="5" href="#media">我与攀大</a></li>
					<li><a data-scroll-nav="6" href="#blog">Blog</a></li>
					<li><a data-scroll-nav="7" href="#contact">Contact</a></li>
				</ul>
			</div>
		</div>
	</nav>
</header>

<div id="main-banner" class="banner-one" data-scroll-index="0">
	<div data-src="images/slid3.jpg">
		<div class="camera_caption">
			<div class="container">
				<h1 class="wow fadeInUp animated">自律青春，笃行不怠。 #PZH University</h1>
				<p class="wow fadeInUp animated" data-wow-delay="0.2s">自律自强，踔厉奋发，为实现第二个百年奋斗目标、实现中华民族伟大复兴的中国梦而努力奋斗。为攀大四十周年喝彩!</p>
				<a data-scroll href="#" class="btn btn-light btn-radius btn-brd grd1">庆祝吧!</a>
			</div> <!-- /.container -->
		</div> <!-- /.camera_caption -->
	</div>
	<div data-src="images/slid2.jpeg">
		<div class="camera_caption">
			<div class="container">
				<h1 class="wow fadeInUp animated">World is greater than five #ELPolitic</h1>
				<p class="wow fadeInUp animated" data-wow-delay="0.2s">With ELPolitic responsive landing page template, you can showcase your next politics & politician websites!</p>
				<a data-scroll href="#" class="btn btn-light btn-radius btn-brd grd1">DONATE</a>
			</div> <!-- /.container -->
		</div> <!-- /.camera_caption -->
	</div>
	<div data-src="images/test.png">
		<div class="camera_caption">
			<div class="container">
				<h1 class="wow fadeInUp animated">World is greater than five #ELPolitic</h1>
				<p class="wow fadeInUp animated" data-wow-delay="0.2s">With ELPolitic responsive landing page template, you can showcase your next politics & politician websites!</p>
				<a data-scroll href="#" class="btn btn-light btn-radius btn-brd grd1">DONATE</a>
			</div> <!-- /.container -->
		</div> <!-- /.camera_caption -->
	</div>
</div> <!-- /#theme-main-banner -->


<div id="about" data-scroll-index="1" class="section wb">
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<div class="message-box">
					<h4>关于攀大四十周年</h4>
					<h2>2023年11月攀枝花学院将迎来建校40周年校庆</h2>
					<blockquote class="lead">明德砺志，博学笃行，巍巍学府，日新月异四十载栉风沐雨、砥砺前行艰苦奋斗，传承三线精神自律自强，接续奋进新时代</blockquote>

					<p> 钒钛之都，俊山花城。攀登则大，行之则远。明德砺志，博学笃行。潇潇风雨，携手共进。自律树人魂，勇敢博创新。四十载，静明湖畔，熙熙攘攘学子，用欢声笑语续写故事。攀大以日夜为港，四季为湾，四十载化作灯塔如炬。四十载的青春有你，四十载的梦想如初，一代又一代我们，行之鸿图，陪伴了四十载的风景。

					<a href="#services" data-scroll class="btn btn-light btn-radius btn-brd grd1">了解更多</a>
				</div><!-- end messagebox -->
			</div><!-- end col -->

			<div class="col-md-6">
				<div class="post-media wow fadeIn">
					<img src="images/d-xq-fb.png" class="img-responsive img-rounded">
					<a href="images/d-xq.png" data-rel="prettyPhoto[gal]" class="playbutton"><i class="flaticon-play-button"></i></a>
				</div><!-- end media -->
			</div><!-- end col -->
		</div><!-- end row -->

		<hr class="hr1"> 

		<div class="row text-center">
			<div class="col-md-6 col-sm-6 col-xs-12">
			   <div class="service-widget">
					<div class="post-media_pp wow fadeIn">
						<a href="uploads/politic_01.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
						<img src="uploads/politic_01.jpg" alt="" class="img-responsive">
						<div class="hover-up">
							<h3>Let's work for a better future</h3>
							<p>Aliquam sagittis ligula et sem lacinia, ut facilisis enim sollicitudin. Proin nisi est, 
							convallis nec purus vitae, iaculis posuere sapien. Cum sociis natoque.</p>
						</div>
					</div>
					
				</div><!-- end service -->
			</div>

			<div class="col-md-6 col-sm-6 col-xs-12">
				<div class="service-widget">
					<div class="post-media_pp wow fadeIn">
						<a href="uploads/politic_02.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
						<img src="uploads/politic_02.jpg" alt="" class="img-responsive">
						<div class="hover-up">
							<h3>Parliament building was renovated</h3>
							<p>Duis at tellus at dui tincidunt scelerisque nec sed felis. Suspendisse id dolor sed leo 
							rutrum euismod. Nullam vestibulum fermentum erat. It nam auctor. </p>
						</div>
					</div>
					
				</div><!-- end service -->
			</div>

			<div class="col-md-6 col-sm-6 col-xs-12">
				<div class="service-widget">
					<div class="post-media_pp wow fadeIn">
						<a href="uploads/politic_03.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
						<img src="uploads/politic_03.jpg" alt="" class="img-responsive">
						<div class="hover-up">
							<h3>Start new legislative year</h3>
							<p>Etiam materials ut mollis tellus, vel posuere nulla. Etiam sit amet lacus vitae massa sodales aliquam at eget quam. Integer ultricies et magna quis.</p>
						</div>
					</div>
					
				</div><!-- end service -->
			</div>
			
			<div class="col-md-6 col-sm-6 col-xs-12">
				<div class="service-widget">
					<div class="post-media_pp wow fadeIn">
						<a href="uploads/politic_02.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
						<img src="uploads/politic_02.jpg" alt="" class="img-responsive">
						<div class="hover-up">
							<h3>Parliament building was renovated</h3>
							<p>Duis at tellus at dui tincidunt scelerisque nec sed felis. Suspendisse id dolor sed leo rutrum euismod. Nullam vestibulum fermentum erat. It nam auctor. </p>
						</div>
					</div>
				</div><!-- end service -->
			</div>
		</div><!-- end row -->
	</div><!-- end container -->
</div><!-- end section -->


<div id="issues" data-scroll-index="2" class="section lb">
	<div class="container animate__animated animate__fadeInDownBig">
		<div class="section-title text-left">
			<h3>忆 & 往昔</h3>
			<p class="lead">回首走过的路是波澜壮阔，是披荆斩棘眺望前行的路是探索，是开拓，是不忘初心展望未来的梦是轰轰烈烈，是昂首阔步</p>
		</div><!-- end title -->

		<div class="row">
			<div class="col-md-5">
				<div class="issuse-wrap2 clearfix">
					<figcaption><a href="images/d-dx.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-dx.jpg" alt="" class="img-responsive img-rounded"></a></figcaption>
					<h4>1999年，学校东门朴实而又庄严。</h4>
					<p>回首走过的路是波澜壮阔，是披荆斩棘</p>
					<p>攀大建成后，学校历届领导班子带领全体攀大人，砥砺奋进、开拓进取，不断推进学校实现跨越式发展。</p>
				</div><!-- end issue -->
			</div><!-- end col -->
			<div class="col-md-7">
				<div class="issuse-wrap clearfix">
					<figcaption><a href="images/d01.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d01-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4>1984年，攀枝花大学成立暨首届开学典礼在简易的会堂举行。</h4>
					<p>攀大建成后，学校历届领导班子带领全体攀大人，砥砺奋进、开拓进取，不断推进学校实现跨越式发展。</p>
				</div><!-- end issue -->

				<div class="issuse-wrap clearfix">
					<figcaption><a href="images/d-lmd.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-lmd-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4> 2000年，白色的小楼，是老师们曾经办公的地方。</h4>
					<p>建设初期，缺少经费、师资不足、校舍紧缺，可谓困难重重。学校充分发扬“艰苦创业、无私奉献、团结协作、勇于创新”的三线精神。</p>
				</div><!-- end issue -->

				<div class="issuse-wrap clearfix">
					<figcaption><a href="images/d-yj-fb.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-yj-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4>1997年，路边的植被还很矮小，路的那边，一教已露出雏形。</h4>
					<p>学校发展目标是建设应用型一流大学；培养具有创新精神、创业意识和职业能力的高级专门人才</p>
				</div><!-- end issue -->

				<div class="issuse-wrap lastchild clearfix">
					
					<figcaption><a href="images/d-h.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-h-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4> 2003年，绿植刚出，人工湖的一角还略显单调。</h4>
					<p>全面提升学校办学能力、层次和水平，努力建设人才培养特色鲜明、优势突出、声誉卓著的应用型一流大学</p>
				</div><!-- end issue -->
			</div><!-- end col -->
		</div><!-- end row -->
	</div><!-- end container -->
	
	
	<hr class="hr1">
	
	<div class="container">
		<div class="section-title text-right">
			<h3>看 & 今朝</h3>
			<p class="lead">40年，我们不断奋斗;40年，我们勇往直前<br> 万千自律攀大人风华正茂我们跟随前辈的脚步以青春之我，建设青春之攀大把热血挥洒在攀大的每一个角落不忘初心，续写辉煌</p>
		</div><!-- end title -->
		<div class="row">
			<div class="col-md-7">
				<div class="issuse-wrap clearfix">
					<figcaption><a href="images/d-ddh.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-ddh-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4>2018年，中国共产党攀枝花学院第二次代表大会在会堂举行。</h4>
					<p>学校以“立德树人、产教融合、应用为先”为办学理念，定位应用型办学类型，积极发展研究生教育；学科专业定位以工为主，多学科协调发展。</p>
				</div><!-- end issue -->
	
				<div class="issuse-wrap clearfix">
					
					<figcaption><a href="images/d-xmdl.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-xmdl-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4>2021年，昔日的办公楼已更名为明德楼,是马克思主义学院、外国语学院和经管学院的办公楼。</h4>
					<p> 明德砺志，博学笃行 </p>
				</div><!-- end issue -->
	
				<div class="issuse-wrap clearfix">
					
					<figcaption><a href="images/d-xyj.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-xyj-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4>2021年，宽敞的大道，路两边的树木枝繁叶茂，而远处只能窥见一教的一角。</h4>
					<p>全面开启建设应用型一流大学,有效推进人才培养过程一流。</p>
				</div><!-- end issue -->
	
				<div class="issuse-wrap lastchild clearfix">
					<figcaption><a href="images/d-xh.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-xh-fb.jpg" alt="" class="img-responsive img-rounded alignleft"> </a></figcaption>
					<h4> 2021年，杨柳拂，莲叶吹，生机勃勃，树下是沉浸在学海中的自律攀大人，一切都是最美好的模样。</h4>
					<p>站在新的发展起点，踏上新的奋斗征程。</p>
				</div><!-- end issue -->
			</div><!-- end col -->
			<div class="col-md-5">
				<div class="issuse-wrap2 clearfix">
					<!-- <img src="images/d-dx.jpg" alt="" class="img-responsive img-rounded"> -->
					<figcaption><a href="images/d-dm.jpg" data-rel="prettyPhoto[gal]" class="global-radius"> <img src="images/d-dm.jpg" alt="" class="img-responsive img-rounded"> </a></figcaption>
					<h4>2023年，大气而庄严的校门，是自律攀大人走向学海的大门。</h4>
					<p>从建校至今攀枝花学院已走过40年的风雨历程</p>
					<p>我们有信心，有恒心，更有决心以一往无前的姿态以永不懈怠的精神开拓创新走向新的辉煌</p>
				</div><!-- end issue -->
			</div><!-- end col -->
		</div><!-- end row -->
	</div><!-- end container -->
</div><!-- end section -->

<div id="gallery" data-scroll-index="4" class="section lb">
	<div class="container">
		<div class="section-title text-center">
			<h3>Gallery</h3>
			<p class="lead">Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.<br> Sed a tellus quis mi rhoncus dignissim.</p>
		</div><!-- end title -->
		
		<div class="gallery-menu row">
			<div class="col-md-12">
				<div class="button-group filter-button-group text-center">
					<button class="active" data-filter="*">All</button>
					<button data-filter=".gal_a">Meeting</button>
					<button data-filter=".gal_b">Event</button>
					<button data-filter=".gal_c">Economic</button>
					<button data-filter=".gal_d">Education</button>
				</div>
			</div>
		</div>
		
		<div class="gallery-list row">
			<div class="col-md-4 col-sm-6 gallery-grid gal_a gal_b">
				<div class="gallery-single fix">
					<img src="uploads/gallery_img-01.jpg" class="img-responsive" alt="Image">
					<div class="img-overlay">
						<a href="uploads/gallery_img-01.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
					</div>
				</div>
			</div>
			
			<div class="col-md-4 col-sm-6 gallery-grid gal_c gal_b">
				<div class="gallery-single fix">
					<img src="uploads/gallery_img-02.jpg" class="img-responsive" alt="Image">
					<div class="img-overlay">
						<a href="uploads/gallery_img-02.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
					</div>
				</div>
			</div>
			
			<div class="col-md-4 col-sm-6 gallery-grid gal_a gal_c">
				<div class="gallery-single fix">
					<img src="uploads/gallery_img-03.jpg" class="img-responsive" alt="Image">
					<div class="img-overlay">
						<a href="uploads/gallery_img-03.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
					</div>
				</div>
			</div>
			
			<div class="col-md-4 col-sm-6 gallery-grid gal_b gal_a">
				<div class="gallery-single fix">
					<img src="uploads/gallery_img-04.jpg" class="img-responsive" alt="Image">
					<div class="img-overlay">
						<a href="uploads/gallery_img-04.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
					</div>
				</div>
			</div>
			
			<div class="col-md-4 col-sm-6 gallery-grid gal_a gal_c">
				<div class="gallery-single fix">
					<img src="uploads/gallery_img-05.jpg" class="img-responsive" alt="Image">
					<div class="img-overlay">
						<a href="uploads/gallery_img-05.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
					</div>
				</div>
			</div>
			
			<div class="col-md-4 col-sm-6 gallery-grid gal_c gal_d">
				<div class="gallery-single fix">
					<img src="uploads/gallery_img-06.jpg" class="img-responsive" alt="Image">
					<div class="img-overlay">
						<a href="uploads/gallery_img-06.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>
</div>

<div id="media" data-scroll-index="5" class="section wb">
	<div class="container">
		<div class="section-title text-center">
			<h3>我与攀大</h3>
			<p class="lead">用不平凡的奋斗书写自己精彩的人生<br> 坚持自律，把他律化为自律，将优秀作为习惯，实现由自律到自信再到自强的转变。</p>
		</div><!-- end title -->

		<div class="row">
			<div class="col-md-4">
				<div class="issuse-wrap2 clearfix">
					<div class="post-media wow fadeIn">
						<img src="uploads/news_01.jpg" alt="" class="img-responsive img-rounded">
						<a href="" data-rel="prettyPhoto[gal]" class="playbutton"><i class="flaticon-play-button"></i></a>
					</div><!-- end media -->
					<h4>"A Political News from Us! Don't forget Watch”</h4>
					<p>Etiam materials ut mollis tellus, vel posuere nulla. Etiam sit amet massa sodales aliquam at eget quam. Integer ultricies et magna quis.</p>
				</div><!-- end issue -->
			</div><!-- end col -->

			<div class="col-md-4">
				<div class="issuse-wrap2 clearfix">
					<div class="post-media wow fadeIn">
						<img src="uploads/news_02.jpg" alt="" class="img-responsive img-rounded">
						<a href="" data-rel="prettyPhoto[gal]" class="playbutton"><i class="flaticon-play-button"></i></a>
					</div><!-- end media -->
					<h4>"Our Speaker Talking About Our Strategy! All plans!"</h4>
					<p>Etiam materials ut mollis tellus, vel posuere nulla. Etiam sit amet massa sodales aliquam at eget quam. Integer ultricies et magna quis.</p>
				</div><!-- end issue -->
			</div><!-- end col -->

			<div class="col-md-4">
				<div class="issuse-wrap2 clearfix">
					<div class="post-media wow fadeIn">
						<img src="images/d-ky.jpg" alt="" class="img-responsive img-rounded">
						<a href="" data-rel="prettyPhoto[gal]" class="playbutton"><i class="flaticon-play-button"></i></a>
					</div><!-- end media -->
					<h4>"Say Hello to our new politican : John DOE..”</h4>
					<p>Etiam materials ut mollis tellus, vel posuere nulla. Etiam sit amet massa sodales aliquam at eget quam. Integer ultricies et magna quis.</p>
				</div><!-- end issue -->
			</div><!-- end col -->
		</div><!-- end row -->
	</div><!-- end container -->
</div><!-- end section -->

<div id="blog" data-scroll-index="6" class="section lb">
	<div class="container">
		<div class="section-title text-center">
			<span>Latest news</span>
			<h3>From Blog</h3>
			<p class="lead">Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.<br> Sed a tellus quis mi rhoncus dignissim.</p>
		</div><!-- end title -->
		
		<div class="row">
			<div class="col-md-4 col-sm-6 col-lg-4">
				<div class="post-box">
					<div class="post-thumb">
						<img src="uploads/politic_04.jpg" class="img-responsive" alt="post-img" />
						<div class="date">
							<span>06</span>
							<span>Aug</span>
						</div>
					</div>
					<div class="post-info">
						<h4>Maecenas bibendum tellus</h4>
						<ul>
							<li>by admin</li>
							<li>Apr 21, 2018</li>
							<li><a href="#"><b> Comments</b></a></li>
						</ul>
						<p>Etiam materials ut mollis tellus, vel posuere nulla. Etiam sit amet massa sodales aliquam at eget quam. Integer ultricies et magna quis.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-lg-4">
				<div class="post-box">
					<div class="post-thumb">
						<img src="uploads/politic_05.jpg" class="img-responsive" alt="post-img" />
						<div class="date">
							<span>06</span>
							<span>Aug</span>
						</div>
					</div>
					<div class="post-info">
						<h4>Maecenas bibendum tellus</h4>
						<ul>
							<li>by admin</li>
							<li>Apr 21, 2018</li>
							<li><a href="#"><b> Comments</b></a></li>
						</ul>
						<p>Etiam materials ut mollis tellus, vel posuere nulla. Etiam sit amet massa sodales aliquam at eget quam. Integer ultricies et magna quis.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-lg-4">
				<div class="post-box">
					<div class="post-thumb">
						<img src="uploads/politic_06.jpg" class="img-responsive" alt="post-img" />
						<div class="date">
							<span>06</span>
							<span>Aug</span>
						</div>
					</div>
					<div class="post-info">
						<h4>Maecenas bibendum tellus</h4>
						<ul>
							<li>by admin</li>
							<li>Apr 21, 2018</li>
							<li><a href="#"><b> Comments</b></a></li>
						</ul>
						<p>Etiam materials ut mollis tellus, vel posuere nulla. Etiam sit amet massa sodales aliquam at eget quam. Integer ultricies et magna quis.</p>
					</div>
				</div>
			</div>
		</div>	
	</div>
</div>

<div id="donate" data-scroll-index="7" class="section db">
	<div class="container">
		<div class="section-title text-center">
			<h3>Contact</h3>
			<p class="lead">Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.<br> Sed a tellus quis mi rhoncus dignissim.</p>
		</div><!-- end title -->

		<div class="row">
			<div class="col-md-12">
				<div class="contact_form">
					<div id="message"></div>
					<form id="contactform" class="row" action="contact.php" name="contactform" method="post">
						<fieldset class="row-fluid">
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<input type="text" name="first_name" id="first_name" class="form-control" placeholder="First Name">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<input type="text" name="last_name" id="last_name" class="form-control" placeholder="Last Name">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<input type="email" name="email" id="email" class="form-control" placeholder="Your Email">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<input type="text" name="phone" id="phone" class="form-control" placeholder="Your Phone">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<label class="sr-only">Select Service</label>
								<select name="select_service" id="select_service" class="selectpicker form-control" data-style="btn-white">
									<option value="12">Donate For?</option>
									<option value="Political Parties">Political Parties</option>
									<option value="For Politician">For Politician</option>
									<option value="Others">Others</option>
								</select>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<label class="sr-only">What is max price?</label>
								<select name="select_price" id="select_price" class="selectpicker form-control" data-style="btn-white">
									<option value="$100 - $2000">$10 - $100</option>
									<option value="$2000 - $4000">$100 - $1000</option>
									<option value="$4000 - $10000">$1000 - $10000</option>
								</select>
							</div>
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<textarea class="form-control" name="comments" id="comments" rows="6" placeholder="Why you are donate us?"></textarea>
							</div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center">
								<button type="submit" value="SEND" id="submit" class="btn btn-light btn-radius btn-brd grd1 btn-block">Pay Now via PayPal</button>
							</div>
						</fieldset>
					</form>
				</div>
			</div><!-- end col -->
		</div><!-- end row -->
	</div><!-- end container -->
</div><!-- end section -->

<div class="copyrights">
	<div class="container">
		<div class="footer-distributed">
			<div class="footer-left">
				<p class="footer-links">
					<a href="#">Home</a>
					<a href="#">Blog</a>
					<a href="#">Pricing</a>
					<a href="#">About</a>
					<a href="#">Faq</a>
					<a href="#">Contact</a>
				</p>
				<p class="footer-company-name">Copyright &copy; 2021.Company name All rights reserved.</p>
			</div>

			<div class="footer-right">
				<form method="get" action="#">
					<input placeholder="Subscribe our newsletter.." name="search">
					<i class="fa fa-envelope-o"></i>
				</form>
			</div>
		</div>
	</div><!-- end container -->
</div><!-- end copyrights -->

<a href="#" id="scroll-to-top" class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>

<!-- ALL JS FILES -->
<script src="js/all.js"></script>
<!-- Camera Slider -->
<script src="js/jquery.mobile.customized.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script> 
<script src="js/camera.min.js"></script>
<script src="js/scrollIt.min.js"></script>
<!-- ALL PLUGINS -->
<script src="js/custom.js"></script>
<script src="js/jquery.vide.js"></script>

<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights">
	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
	<a href="https://www.chazidian.com/"  title="查字典">查字典</a>
</div>
</body>
</html>